﻿<!doctype html>

<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<head>
<script language="JavaScript" type="text/javascript">
<!--
	setTimeout("openAd()", 5000);

	function openAd() {
		if (window.location.href.toLowerCase().indexOf("http") == 0
				&& (getCookie("AWWWB_AD") == null || getCookie("AWWWB_AD") == "")) {
			window.open('http://tchu.a3wb.com', '_blank',
					'width=600,height=300,left=100,top=50');

			var d = new Date();
			d.setHours(d.getHours() + 1);
			document.cookie = "AWWWB_AD=true;expires=" + d.toUTCString();
		}
	}

	function getCookie(c_name) {
		if (document.cookie.length > 0) {
			c_start = document.cookie.indexOf(c_name + "=")
			if (c_start != -1) {
				c_start = c_start + c_name.length + 1
				c_end = document.cookie.indexOf(";", c_start)
				if (c_end == -1)
					c_end = document.cookie.length
				return unescape(document.cookie.substring(c_start, c_end))
			}
		}
		return ""
	}
//-->
</script>
<meta charset="utf-8" />
<meta name="author" content="order by dede58.com" />
<title>智能传感</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />

<div th:replace="index/css"></div>
<!-- 引用翻页组件样式 -->
<link rel="stylesheet" type="text/css"
	href="assets/css/spage/jquery.sPage.css">

</head>

<body class="fixed-top">
	<div th:replace="index/header"></div>

	<div id="container" class="row-fluid">
		<div th:replace="index/left"></div>



		<div id="main-content">
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">

						<h6></h6>
						<ul class="breadcrumb">

							<li><a href="index">系统管理</a> <span class="divider">/</span>
							</li>
							<li><a href="rolelist">角色管理</a></li>
						</ul>
					</div>
				</div>
				<div id="page-wraper">
					<div class="row-fluid">
						<div class="row-fluid">
							<div class="span12">
								<div class="widget red">
									<div class="widget-title">
										<h4>
											<i class="icon-reorder"></i>角色列表
										</h4>
										<span class="tools"> <a href="javascript:;"
											class="icon-chevron-down"></a> <a href="javascript:;"
											class="icon-remove"></a>
										</span>
									</div>
									<div class="widget-body">
										<div>
											<li>
												<button class="btn btn-inverse" type="button" title="添加角色">添加角色</button>

												<div class="pull-right input-append search-input-area">
													<input class="" id="appendedInputButton" type="text"
														placeholder="请输入角色名称">
													<button class="btn" type="button">
														<i class="icon-search"></i>
													</button>
												</div>
											</li>
										</div>
										<table
											class="table table-striped table-bordered table-advance table-hover">
											<thead>
												<tr>
													<th><i class="icon-list-ol"></i>角色编号</th>
													<th><i class="icon-bullhorn"></i> 角色名称</th>
													<th><i class="icon-male"></i> 角色编码</th>
													<th><i class="icon-time"></i> 角色描述</th>

													<th><i class="icon-edit-sign"></i> 操作</th>
												</tr>
											</thead>
											<tbody>
												<tr th:each="role:${list}">
													<td th:text="${role.roleId}"></td>
													<td th:text="${role.roleName}"></td>
													<td th:text="${role.roleCode}"></td>
													<td th:text="${role.roleDescription}"></td>
													<td class="center"><a class="btn btn-info"
														href="enterprise-edit.html" title="编辑"> <i
															class="icon-edit icon-white"></i>
													</a> <a class="btn btn-danger" href="#" title="删除"> <i
															class="icon-trash"></i>
													</a></td>
												</tr>

											</tbody>
										</table>


										<div class="pagination pagination-centered">
											<div id="myPage" class="demo"></div>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div th:replace="index/footer"></div>


		<div class="modal fade" id="myModal">
			<div class="modal-dialog">
				<div class="modal-content">

					<!-- 模态框头部 -->
					<div class="modal-header">
						<button type="button" class="close icon-remove"
							data-dismiss="modal"></button>
						<h4></h4>
					</div>

					<!-- 模态框主体 -->
					<div class="modal-body">确认要执行该操作吗?</div>

					<!-- 模态框底部 -->
					<div class="modal-footer">

						<a href="push-list.html"><button class="btn btn-success"
								type="submit">确定</button></a> <a href="push-list.html">
							<button class="btn" type="button">取消</button>
						</a>

					</div>

				</div>
			</div>
		</div>

		<div th:replace="index/js"></div>
		<script src="assets/js/spage/jquery.sPage.min.js"></script>
		<script type="text/javascript">
			$(function() {
				// 示例1
				$("#myPage").sPage({
					page : 1,//当前页码，必填
					total : 150,//数据总条数，必填
					pageSize : 10,//每页显示多少条数据，默认10条
					showTotal : true,//是否显示总条数，默认关闭：false
					totalTxt : "共{total}条",//数据总条数文字描述，{total}为占位符，默认"共{total}条"
					noData : false,//没有数据时是否显示分页，默认false不显示，true显示第一页
					showSkip : true,//是否显示跳页，默认关闭：false
					showPN : true,//是否显示上下翻页，默认开启：true
					prevPage : "上一页",//上翻页文字描述，默认“上一页”
					nextPage : "下一页",//下翻页文字描述，默认“下一页”
					fastForward : 5,//快进快退页数，默认0表示不开启快进快退
					backFun : function(page) {
						//点击分页按钮回调函数，返回当前页码
					 
					}
				});

			})
		</script>
</body>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</html>
